<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:pt="http://xmlns.jcp.org/jsf/passthrough"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/WEB-INF/templates/defaultLayout.xhtml">

	<!-- Definiendo la cabecera de la pagina -->
	<ui:define name="title">
		<h:outputText value="Apertura Cta. Aporte" />
	</ui:define>

	<!-- Definiendo el cuerpo de la pagina -->
	<ui:define name="content">

		<h:outputStylesheet library="css" name="main.css" />

		<h:form>
			<h:panelGroup rendered="#{!aperturaCuentaaporteBean.cuentaValida}">
				<div class="p6n-api-access-in-page-error" style="left: 516px;">
					<div>
						<div>
							<p>
								<h:messages />
							</p>
						</div>
						<div style="text-align: center;">
							<h:commandLink value="Cerrar"
								action="/caja/cuentasPersonales/index?faces-redirect=true" immediate="true"
								styleClass="p6n-api-access-in-page-error-link" />
						</div>
					</div>
				</div>
				<div class="modal-dialog-bg"
							style="opacity: 0.4; width: 1366px; height: 1200px;"></div>
			</h:panelGroup>
		</h:form>
		
		<h:panelGroup id="panelGroupPrint">
			<h:panelGroup rendered="#{aperturaCuentaaporteBean.personanatural}">
				<div
					style="border: 0pt solid #FF4000; text-align: center; width: 670px; height: 900px">
					<table
						style="width: 650px; height: 840px; border: solid 0px #E9E6E6; margin-left: 10px; margin-top: 10px;">
						<tr>
							<td colspan="1"
								style="text-align: center; font-weight: bold; font-size: 12px;">
								<p:graphicImage name="logo_coop_contrato.png"
									library="images/logo_coop" />
							</td>
							<td colspan="3"
								style="text-align: center; font-weight: bold; font-size: 14px; vertical-align: middle; text-decoration:underline">
								<br /> 
								<h:outputText style="font-size: 24px;" value="CARTILLA DE INFORMACIÓN" />
								<br /> 
								<h:outputText style="font-size: 14px;" value="APERTURA DE CUENTA DE APORTES" />
							</td>
						</tr>
						<tr>
							<td colspan="4" style="font-size: 10px">&nbsp;</td>
						</tr>
						<tr>
							<td colspan="4"
								style="font-weight: bold; font-size: 12px; background-color: green; color: white; vertical-align: middle;">DATOS
								BASICOS DEL SOCIO</td>
						</tr>
						<tr>
							<td colspan="1" style="font-weight: bold; font-size: 12px;">Código
								Socio:</td>
							<td colspan="3" style="font-size: 12px;">#{aperturaCuentaaporteBean.socio.idsocio}</td>
						</tr>
						<tr>
							<td colspan="1" style="font-weight: bold; font-size: 12px;">Apellidos
								y Nombres:</td>
							<td colspan="3" style="font-size: 12px;">#{aperturaCuentaaporteBean.apellidoPaterno}
								#{aperturaCuentaaporteBean.apellidoMaterno}
								#{aperturaCuentaaporteBean.nombres}</td>
						</tr>
						<tr>
							<td colspan="1" style="font-weight: bold; font-size: 12px;">Dirección:</td>
							<td colspan="3" style="font-size: 12px;">#{aperturaCuentaaporteBean.direccionPersonanatural}
								- #{aperturaCuentaaporteBean.referenciaPersonanatural}</td>
						</tr>
						<tr>
							<td colspan="1"
								style="width: 25%; font-weight: bold; font-size: 12px;">#{aperturaCuentaaporteBean.comboTipodocumentoPersonanatural.objectItemSelected.abreviatura}:</td>
							<td colspan="1" style="width: 25%; font-size: 12px;">#{aperturaCuentaaporteBean.numeroDocumentoPersonanatural}</td>
							<td colspan="1"
								style="width: 25%; font-weight: bold; font-size: 12px;">Fecha
								de Nacimiento:</td>
							<td colspan="1" style="width: 25%; font-size: 12px;"><h:outputText
									value="#{aperturaCuentaaporteBean.fechaNacimiento}">
									<f:convertDateTime pattern="dd/MM/yyyy" />
								</h:outputText></td>
						</tr>
						<tr>
							<td colspan="1" style="font-weight: bold; font-size: 12px;">Telefono
								Fijo:</td>
							<td colspan="1" style="font-size: 12px;">#{aperturaCuentaaporteBean.telefonoPersonanatural}</td>
							<td colspan="1" style="font-weight: bold; font-size: 12px;">Estado
								Civil:</td>
							<td colspan="1" style="font-size: 12px;">#{aperturaCuentaaporteBean.comboEstadocivil.objectItemSelected.denominacion}</td>
						</tr>
						<tr>
							<td colspan="1" style="font-weight: bold; font-size: 12px;">Celular:</td>
							<td colspan="1" style="font-size: 12px;">#{aperturaCuentaaporteBean.celularPersonanatural}</td>
							<td colspan="1" style="font-weight: bold; font-size: 12px;">Email:</td>
							<td colspan="1" style="font-size: 12px;">#{aperturaCuentaaporteBean.emailPersonanatural}</td>
						</tr>

						<h:panelGroup rendered = "#{aperturaCuentaaporteBean.existeApoderado}">
							<tr>
							<td>&nbsp;</td>
						</tr>
							<tr>
							<td colspan="4"
								style="font-weight: bold; font-size: 12px; background-color: green; color: white; vertical-align: middle;">DATOS
								DEL APODERADO</td>
						</tr>
							<tr>
								<td colspan="1" style="font-size: 12px;">Apellidos
									y Nombres:</td>
								<td colspan="3" style="font-size: 12px;">#{aperturaCuentaaporteBean.apellidoPaternoApoderado} #{aperturaCuentaaporteBean.apellidoMaternoApoderado} #{aperturaCuentaaporteBean.nombresApoderado}</td>
							</tr>
							<tr>
								<td colspan="1" style="font-weight: bold; font-size: 12px;">#{aperturaCuentaaporteBean.comboTipodocumentoApoderado.objectItemSelected.abreviatura}:</td>
								<td colspan="1" style="font-size: 12px;">#{aperturaCuentaaporteBean.numeroDocumentoApoderado}</td>
								<td colspan="1" style="font-weight: bold; font-size: 12px;">Fecha
									de Nacimiento</td>
								<td colspan="1" style="font-size: 12px;"><h:outputText
										value="#{aperturaCuentaaporteBean.fechaNacimientoApoderado}">
										<f:convertDateTime pattern="dd/MM/yyyy" />
									</h:outputText></td>
							</tr>
						</h:panelGroup>

						<tr>
							<td>&nbsp;</td>
						</tr>
						<tr>
							<td colspan="4"
								style="font-weight: bold; font-size: 12px; background-color: green; color: white; vertical-align: middle;">PRODUCTOS
								Y SERVICIOS</td>
						</tr>
						<tr>
							<td colspan="1"
								style="text-align: center; font-weight: bold; font-size: 12px;">Producto</td>
							<td colspan="1"
								style="text-align: center; font-weight: bold; font-size: 12px;">Moneda</td>
							<td colspan="1"
								style="text-align: center; font-weight: bold; font-size: 12px;">Número
								de Cuenta</td>
							<td colspan="1"
								style="text-align: center; font-weight: bold; font-size: 12px;">Fecha
								de Apertura</td>
						</tr>
						<tr>
							<td colspan="1" style="text-align: center; font-size: 12px;">Cuenta
								de Aporte</td>
							<td colspan="1" style="text-align: center; font-size: 12px;">Nuevo
								Sol (S/.)</td>
							<td colspan="1" style="text-align: center; font-size: 12px;">#{aperturaCuentaaporteBean.numeroCuenta}</td>
							<td colspan="1" style="text-align: center; font-size: 12px;">
								<h:outputText value="#{aperturaCuentaaporteBean.fechaApertura}">
									<f:convertDateTime pattern="dd/MM/yyyy" />
								</h:outputText>
							</td>
						</tr>

						<tr>
							<td>&nbsp;</td>
						</tr>

						<tr>
							<td colspan="4"
								style="font-weight: bold; font-size: 12px; background-color: green; color: white; vertical-align: middle;">DECLARACIONES
								Y FIRMAS</td>
						</tr>
						<tr>
							<td colspan="4" style="text-align: justify; font-size: 12px;">Los
								aportes individuales serán pagados por los Asociados en forma
								periódica de conformidad con lo establecido en el Estatuto y el
								Reglamento de Aportes Sociales de la Cooperativa. El aporte
								social ordinario de cada Asociado será mínimo de S/. 10.00
								Nuevos Soles si es mayor de edad y S/. 5.00 Nuevos Soles si es
								menor de edad.</td>
						</tr>
						<tr>
							<td colspan="4" style="font-size: 5px"></td>
						</tr>
						<tr>
							<td colspan="4" style="font-size: 11px; text-align: right;"><h:outputText
									value="#{aperturaCuentaaporteBean.fechaApertura}">
									<f:convertDateTime pattern="'Ayacucho, ' dd ' de ' MMMM ' del ' yyyy"/>
								</h:outputText></td>
						</tr>
					</table>
				</div>
			</h:panelGroup>


			<h:panelGroup rendered="#{aperturaCuentaaporteBean.personajuridica}">
				<div
					style="border: 0pt solid #FF4000; text-align: center; width: 670px; height: 900px">
					<table
						style="width: 650px; height: 850px; border: solid 0px #E9E6E6; margin-left: 10px; margin-top: 30px;">
						<tr>
							<td colspan="1"
								style="text-align: center; font-weight: bold; font-size: 12px;">
								<p:graphicImage name="logo_coop_contrato.png"
									library="images/logo_coop" />
							</td>
							<td colspan="3"
								style="text-align: center; font-weight: bold; font-size: 14px; vertical-align: middle; text-decoration:underline">
								<br /> 
								<h:outputText style="font-size: 24px;" value="CARTILLA DE INFORMACIÓN" />
								<br /> 
								<h:outputText style="font-size: 14px;" value="APERTURA DE CUENTA DE APORTES" />
							</td>
						</tr>
						<tr>
							<td colspan="4"
								style="font-weight: bold; font-size: 12px; background-color: green; color: white; vertical-align: middle;">DATOS
								BASICOS DEL SOCIO</td>
						</tr>
						<tr>
							<td colspan="1" style="font-weight: bold; font-size: 12px;">Código
								Socio:</td>
							<td colspan="3" style="font-size: 12px;">#{aperturaCuentaaporteBean.socio.idsocio}</td>
						</tr>
						<tr>
							<td colspan="1" style="font-weight: bold; font-size: 12px;">Razón
								Social:</td>
							<td colspan="3" style="font-size: 12px;">#{aperturaCuentaaporteBean.razonSocial}</td>
						</tr>
						<tr>
							<td colspan="1" style="font-weight: bold; font-size: 12px;">Dirección:</td>
							<td colspan="3" style="font-size: 12px;">#{aperturaCuentaaporteBean.direccionPersonajuridica}
								- #{aperturaCuentaaporteBean.referenciaPersonajuridica}</td>
						</tr>
						<tr>
							<td colspan="1"
								style="width: 25%; font-weight: bold; font-size: 12px;">#{aperturaCuentaaporteBean.comboTipodocumentoPersonajuridica.objectItemSelected.abreviatura}:</td>
							<td colspan="1" style="width: 25%; font-size: 12px;">#{aperturaCuentaaporteBean.numeroDocumentoPersonajuridica}</td>
							<td colspan="1"
								style="width: 25%; font-weight: bold; font-size: 12px;">Fecha
								de Constitución:</td>
							<td colspan="1" style="width: 25%; font-size: 12px;"><h:outputText
									value="#{aperturaCuentaaporteBean.fechaConstitucion}">
									<f:convertDateTime pattern="dd/MM/yyyy" />
								</h:outputText></td>
						</tr>
						<tr>
							<td colspan="1" style="font-weight: bold; font-size: 12px;">Telefono
								Fijo:</td>
							<td colspan="1" style="font-size: 12px;">#{aperturaCuentaaporteBean.telefonoPersonajuridica}</td>
							<td colspan="1" style="font-weight: bold; font-size: 12px;">Tipo
								Empresa:</td>
							<td colspan="1" style="font-size: 12px;">#{aperturaCuentaaporteBean.comboTipoempresa.objectItemSelected.denominacion}</td>
						</tr>
						<tr>
							<td colspan="1" style="font-weight: bold; font-size: 12px;">Celular:</td>
							<td colspan="1" style="font-size: 12px;">#{aperturaCuentaaporteBean.celularPersonajuridica}</td>
							<td colspan="1" style="font-weight: bold; font-size: 12px;">Email:</td>
							<td colspan="1" style="font-size: 12px;">#{aperturaCuentaaporteBean.emailPersonajuridica}</td>
						</tr>

						<tr>
							<td colspan="4"
								style="font-weight: bold; font-size: 12px; background-color: green; color: white; vertical-align: middle;">DATOS
								DEL REPRESENTANTE LEGAL</td>
						</tr>
						<tr>
							<td colspan="1" style="font-weight: bold; font-size: 12px;">Apellidos
								y Nombres:</td>
							<td colspan="3" style="font-size: 12px;">#{aperturaCuentaaporteBean.apellidoPaternoRepresentantelegal}
								#{aperturaCuentaaporteBean.apellidoMaternoRepresentantelegal}
								#{aperturaCuentaaporteBean.nombresRepresentantelegal}</td>
						</tr>
						<tr>
							<td colspan="1" style="font-weight: bold; font-size: 12px;">#{aperturaCuentaaporteBean.comboTipodocumentoRepresentantelegal.objectItemSelected.abreviatura}:</td>
							<td colspan="1" style="font-size: 12px;">#{aperturaCuentaaporteBean.numeroDocumentoRepresentantelegal}</td>
							<td colspan="1" style="font-weight: bold; font-size: 12px;">Fecha
								de Nacimiento</td>
							<td colspan="1" style="font-size: 12px;"><h:outputText
									value="#{aperturaCuentaaporteBean.fechaNacimientoRepresentantelegal}">
									<f:convertDateTime pattern="dd/MM/yyyy" />
								</h:outputText></td>
						</tr>
						<tr>
							<td colspan="4"
								style="font-weight: bold; font-size: 12px; background-color: green; color: white; vertical-align: middle;">ACCIONISTAS</td>
						</tr>
						<tr>
							<td colspan="4">
								<table>
									<thead>
										<tr>
											<th style="font-weight: bold; font-size: 12px"><label class="ng-isolate-scope"> Tipo Doc. </label></th>
											<th style="font-weight: bold; font-size: 12px"><label class="ng-isolate-scope"> Nº Doc. </label></th>
											<th style="font-weight: bold; font-size: 12px"><label class="ng-isolate-scope"> Ap.
													Paterno </label></th>
											<th style="font-weight: bold; font-size: 12px"><label class="ng-isolate-scope"> Ap.
													Materno </label></th>
											<th style="font-weight: bold; font-size: 12px" ><label class="ng-isolate-scope"> Nombres </label></th>
											<th style="font-weight: bold; font-size: 12px"><label class="ng-isolate-scope"> Sexo </label></th>
											<th style="font-weight: bold; font-size: 12px"><label class="ng-isolate-scope"> Fec. Nac.
											</label></th>
											<th style="font-weight: bold; font-size: 12px"><label class="ng-isolate-scope"> (%) </label></th>

										</tr>
									</thead>
									<tbody>
										<ui:repeat
											value="#{aperturaCuentaaporteBean.listAccionistas()}"
											var="accionista">
											<tr class="ng-scope">
												<td style="font-size: 12px;"><h:outputLabel
														value="#{accionista.personanatural.tipodocumento.abreviatura}" />
												</td>
												<td style="font-size: 12px;"><h:outputLabel
														value="#{accionista.personanatural.numerodocumento}" /></td>
												<td style="font-size: 12px;"><h:outputLabel
														value="#{accionista.personanatural.apellidopaterno}" /></td>
												<td style="font-size: 12px;"><h:outputLabel
														value="#{accionista.personanatural.apellidomaterno}" /></td>
												<td style="font-size: 12px;"><h:outputLabel
														value="#{accionista.personanatural.nombres}" /></td>
												<td style="font-size: 12px;"><h:outputLabel
														value="#{accionista.personanatural.sexo.denominacion}" /></td>
												<td style="font-size: 12px;"><h:outputLabel
														value="#{accionista.personanatural.fechanacimiento}">
														<f:convertDateTime pattern="dd/MM/yyyy" />
													</h:outputLabel></td>
												<td style="font-size: 12px;"><h:outputLabel
														value="#{accionista.porcentajeparticipacion}" /></td>
											</tr>
										</ui:repeat>
									</tbody>
								</table>
							</td>
						</tr>

						<tr>
							<td colspan="4"
								style="font-weight: bold; font-size: 12px; background-color: green; color: white; vertical-align: middle;">
								PRODUCTOS Y SERVICIOS</td>
						</tr>

						<tr>
							<td colspan="1"
								style="text-align: center; font-weight: bold; font-size: 12px;">Producto</td>
							<td colspan="1"
								style="text-align: center; font-weight: bold; font-size: 12px;">Moneda</td>
							<td colspan="1"
								style="text-align: center; font-weight: bold; font-size: 12px;">Número
								de Cuenta</td>
							<td colspan="1"
								style="text-align: center; font-weight: bold; font-size: 12px;">Fecha
								de Apertura</td>
						</tr>
						<tr>
							<td colspan="1" style="text-align: center; font-size: 12px;">Cuenta
								de Aporte</td>
							<td colspan="1" style="text-align: center; font-size: 12px;">Nuevo
								Sol (S/.)</td>
							<td colspan="1" style="text-align: center; font-size: 12px;">#{aperturaCuentaaporteBean.numeroCuenta}</td>
							<td colspan="1" style="text-align: center; font-size: 12px;">
								<h:outputText value="#{aperturaCuentaaporteBean.fechaApertura}">
									<f:convertDateTime pattern="dd/MM/yyyy" />
								</h:outputText>
							</td>
						</tr>

						<tr>
							<td colspan="4"
								style="font-weight: bold; font-size: 12px; background-color: green; color: white; vertical-align: middle;">
								DECLARACIONES Y FIRMAS</td>
						</tr>
						<tr>
							<td colspan="4" style="text-align: justify; font-size: 12px;">Los
								aportes individuales serán pagados por los Asociados en forma
								periódica de conformidad con lo establecido en el Estatuto y el
								Reglamento de Aportes Sociales de la Cooperativa. El aporte
								social ordinario de cada Asociado será mínimo de S/. 10.00
								Nuevos Soles si es mayor de edad y S/. 5.00 Nuevos Soles si es
								menor de edad.</td>
						</tr>
						<tr>
							<td colspan="4" style="font-size: 5px"></td>
						</tr>
						<tr>
							<td colspan="4" style="font-size: 11px; text-align: right;"><h:outputText
									value="#{aperturaCuentaaporteBean.fechaApertura}">
									<f:convertDateTime pattern="'Ayacucho, ' dd ' de ' MMMM ' del ' yyyy"/>
								</h:outputText></td>
						</tr>
					</table>
				</div>
			</h:panelGroup>

		</h:panelGroup>

		<div style="margin-left: 470px;">
			<h:form id="formCreacion">
				<script type="text/javascript">
					window.onload = function test(){
        				document.getElementById('formCreacion:crearCuentaAporte').focus();
        			}	
    			</script>
				
				<h:commandButton action="aperturaCuentaaporte-flowA"
					value="« Anterior " />
				<h:commandButton id="crearCuentaAporte"
					action="#{aperturaCuentaaporteBean.crearCuentaaporte()}"
					value="Crear Cuenta" styleClass="action green">
				</h:commandButton>
			</h:form>
		</div>

		<h:panelGroup rendered="#{aperturaCuentaaporteBean.cuentaCreada}">
			<h:form id="printCuentaAportes">
				<script type="text/javascript">
					window.onload = function test(){
        				document.getElementById('printCuentaAportes:print').focus();
        			}	
    			</script>
    			
				<div class="modal-dialog-bg"
					style="opacity: 0.4; width: 1366px; height: 1202px;"></div>
				<div class="modal-dialog p6n-popup" style="left: 502px; top: 200px;">
					<div class="modal-dialog-title modal-dialog-title-draggable">
						<span class="modal-dialog-title-text">Creación
							Satisfactoria</span><span class="modal-dialog-title-close"></span>
					</div>
					<div class="modal-dialog-content ng-binding">El cliente fue
						asociado satistactoriamente.</div>
					<div class="modal-dialog-buttons">
						<h:commandButton value="Imprimir" id="print" icon="ui-icon-print">
							<p:printer target=":panelGroupPrint" />
						</h:commandButton>
						<h:commandButton value="Salir"
							action="/caja/cuentasPersonales/index?faces-redirect=true" />
					</div>
				</div>
			</h:form>
		</h:panelGroup>
	</ui:define>
</ui:composition>
</html>